var data = {
    "course":[
        {
            "cname":"UI设计",
            "id":0,
            "ename":"tab-ui",
            "desc":{
                "title":"我们拒绝噱头课程，拒绝华而不实，节省学员学习成本！我们只讲职场最实用的技能！",
                "pcontent":["课程周期：3个月","上课时间：周一至周五","招生对象：大专以上学历","班级人数：每班限制15人"]
            },
            "soft":{
                "title":"课程所学软件",
                "imgs":[
                {
                    "sname":"photoshop",
                    "img":"img/ps.png",
                    "title":"photoshop"
                },
                {
                    "sname":"AI",
                    "img":"img/ai.png",
                    "title":"AI"
                },
                {
                    "sname":"zs",
                    "img":"img/zs.png",
                    "title":"zs"
                },
                {
                    "sname":"rp",
                    "img":"img/rp.png",
                    "title":"rp"
                },
                {
                    "sname":"rb",
                    "img":"img/rb.png",
                    "title":"rb"
                },
                {
                    "sname":"bgo",
                    "img":"img/bgo.png",
                    "title":"bgo"
                },
                {
                    "sname":"pxcook",
                    "img":"img/pxcook.png",
                    "title":"pxcook"
                },
                 {
                    "sname":"camar",
                    "img":"img/camar.png",
                    "title":"camar"
                }
              ]
            },
            "details":[
                {
                    "title":"基础课程",
                    "pcontent":["UI发展史","PS,AI基础软件操作","美术原理基础","构图排版配色等设计理论基础"],
                    "color":"#af7ead",
                    "hot":"false"
                },
                {
                    "title":"图标设计",
                    "pcontent":["线性图标设计","扁平化图标设计","伪扁平化图标设计","超写实图标设计","图标创作技法"],
                    "color":"#fcc550",
                    "hot":"false"
                },
                {
                    "title":"网页设计",
                    "pcontent":["运营广告设计","企业网站设计","电商门户网站设计","H5专题页面设计","网页代码建站"],
                    "color":"#a7cddd",
                    "hot":"false"
                },
                {
                    "title":"移动端APP设计",
                    "pcontent":["IOS平台规范与界面设计","Android平台规范与界面设计","设计流行趋势把握","视觉规范输出","移动端切图与适配"],
                    "color":"#a5d8d2",
                    "hot":"false"
                },
                {
                    "title":"交互设计",
                    "pcontent":["交互理论设计与原则","框架图.线框图.流程图绘制","交互原型设计","商业DOME提案"],
                    "color":"#f1b3a6",
                    "hot":"false"
                },
                {
                    "title":"C4D高级视觉设计",
                    "pcontent":["C4D基础入门软件操作","C4D建模","光影与渲染质感的表现","C4D在电商中的运用"],
                    "color":"#aed5c8",
                    "hot":"true"
                },
                {
                    "title":"项目案例实战",
                    "pcontent":["商业案例实战与分析","阐述自己的设计作品","培养学员设计表达能力"],
                    "color":"#f2b7c8",
                    "hot":"false"
                },
                {
                    "title":"作品整理与面试秘籍",
                    "pcontent":["作品包装技巧讲授","老师一对一辅导个人作品集包装","如何写出好的简历","初入职场面试技巧","未来职业规划"],
                    "color":"#bfb9dc",
                    "hot":"false"
                }
            ]
        },
        {
            "cname":"H5前端开发",
            "id":1,
            "ename":"tab-h5",
            "desc":{
                "title":"我们拒绝噱头课程，拒绝华而不实，节省学员学习成本！我们只讲职场最实用的技能！",
                "pcontent":["课程周期：4个月","上课时间：周一至周五","招生对象：大专以上学历","班级人数：每班限制15人"]
            },
            "soft":{
                "title":"课程所学技能",
                "imgs":[
                {
                    "sname":"html5",
                    "img":"img/h5.png",
                    "title":"html5"
                },
                {
                    "sname":"css3",
                    "img":"img/css3.png",
                    "title":"css3"
                },
                {
                    "sname":"javascript",
                    "img":"img/js.png",
                    "title":"javascript"
                },
                {
                    "sname":"jquery",
                    "img":"img/jq.png",
                    "title":"jquery"
                },
                {
                    "sname":"bootstrap",
                    "img":"img/bootstrap.png",
                    "title":"bootstrap"
                },
                {
                    "sname":"angular.js",
                    "img":"img/ng.png",
                    "title":"angular.js"
                },
                {
                    "sname":"ionic",
                    "img":"img/ionic.png",
                    "title":"ionic"
                },
                 {
                    "sname":"cordova",
                    "img":"img/cordova.png",
                    "title":"cordova"
                },
                 {
                    "sname":"node.js",
                    "img":"img/node.png",
                    "title":"node.js"
                }
              ]
            },
            "details":[
                {
                    "title":"HTML基础",
                    "pcontent":["H5前端介绍","HTML基本语法","CSS基初语法","CSS兼容性","企业官网页面实战"],
                    "color":"#af7ead",
                    "hot":"false"
                },
                {
                    "title":"Javascript基础",
                    "pcontent":["JavaScript语法","变量定义 数据类型 运算符","字符串 函数 对象 事件","作用域 条件 循环","定时器、轮播等案例"],
                    "color":"#fcc550",
                    "hot":"false"
                },
                {
                    "title":"网页js特效",
                    "pcontent":["window对象 document对象","BOM模型","动画原理及实现","运动封装","放大、鼠标跟随等案例"],
                    "color":"#a7cddd",
                    "hot":"false"
                },
                {
                    "title":"js进阶(面向对象)",
                    "pcontent":["面向对象的特点","this、作用域和闭包、call、apply","继承和原型链","框架基本封装","案例改造（高级编程）"],
                    "color":"#a5d8d2",
                    "hot":"true"
                },
                {
                    "title":"HTML5+CSS3新特性",
                    "pcontent":["H5语义化标签","Geolocation API、WebSockets API...","CSS3过渡、动画、媒体识别、Flex布局","canvas基础、框架，canvas报表（案例）"],
                    "color":"#f1b3a6",
                    "hot":"false"
                },
                {
                    "title":"Web前端主流框架",
                    "pcontent":["jQuery、常用插件","Bootstrap、响应式","AngularJS MVC编程 指令 路由...","前端自动化工具gulp git github"],
                    "color":"#aed5c8",
                    "hot":"false"
                },
                {
                    "title":"hybrid混合开发",
                    "pcontent":["混合开发介绍，常见混合开发框架介绍","ionic样式 ionic组件","cordova安装、常用命令","app打包发布"],
                    "color":"#f2b7c8",
                    "hot":"false"
                },
                {
                    "title":"nodeJS及其他",
                    "pcontent":["nodeJS介绍","常用工作流插件介绍及使用","面试指导、模拟面试","如何写出好的简历","简历指导与修改"],
                    "color":"#bfb9dc",
                    "hot":"false"
                }
            ]
        }
    ]
};